@scroll-horizontal-width: 3px;
@scroll-vertical-height: 0px;
@scroll-background: rgba(0, 0, 0, 0.2);
@scroll-background-hover: rgba(0, 0, 0, 0.3);

.arieaStyle {
  :global {
    padding: 0;

    .ant-cascader-menu::-webkit-scrollbar {
      width: @scroll-horizontal-width;
      height: @scroll-vertical-height;
    }

    .ant-cascader-menu::-webkit-scrollbar-thumb {
      -webkit-transition: all 0.25s;
      background: @scroll-background;
      transition: all 0.25s;
      border-radius: 0px;
    }

    .ant-cascader-menu::-webkit-scrollbar-thumb:hover {
      background: @scroll-background-hover;
    }
  }
}
